<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/template.css" />
		<link rel="stylesheet" type="text/css" href="css/about_us.css"/>
		<title>ABOUT US</title>
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div id="catalog">
					<i class="iconfont icon-mulu"></i>
				</div>
				<div id="search">
					<i class="iconfont icon-fangdajing1"></i>
				</div>
				<div class="logo">
					<a href="index.html"><img src="img/logo.jpg" /></a>
				</div>
				<!--目录-->
				<div id="catalog_page_id">
					<div class="catalog_cont">
						<div id="catalog_page_close">
							<i class="iconfont icon-guanbi"></i>
						</div>
						<div class="catalog_share">
							<a href="#"><i class="iconfont icon-weibo1"></i></a>
							<a href="#"><i class="iconfont icon-xingzhuang"></i></a>
							<a href="#"><i class="iconfont icon-baidu"></i></a>
							<a href="#"><i class="iconfont icon-ins"></i></a>
						</div>
						<div class="catalog_list">
							<ul>
								<li>
									<a href="about_us.html">About Or</a>
								</li>
								<li>
									<a href="product.html">Product</a>
								</li>
								<li>
									<a href="space.html">Space Inspiration</a>
								</li>
								<li>
									<a href="user.html">User Experience</a>
								</li>
							</ul>
						</div>
						<div class="catalog_across">
							<i class="iconfont icon-hengxian1"></i>
							<a href="#">NEWS</a>
							<i class="iconfont icon-hengxian1"></i>
							<a href="#">EVENT</a>
							<i class="iconfont icon-hengxian1"></i>
							<a href="#">CONTACT</a>
							<i class="iconfont icon-hengxian1"></i>
						</div>
					</div>
				</div>
				<!--搜索-->
				<div id="search_page_id">
					<div class="search_cont">
						<div id="return">
							<i class="iconfont icon-jiantou"></i>
							<span>return</span>
						</div>
						<div class="search_form">
							<form action="" method="get">
								<input type="text" name="" id="search_input" value="" autofocus="autofocus" autocomplete="off" />
							</form>
							<p>Search anything &amp; hit enter</p>
						</div>
					</div>
				</div>
			</header>
			<!--中间内容-->
			<section class="overflow">
				<!--about or-->
				<div class="about_or">
					<p class="about_tit center_tit">About Or</p>
					<p class="about_cont">
						Founded in 2015, Or (Original relationship) tactfully integrates the simplistic design into everyday life, brings people with simple, aesthetic, relaxed and comfortable home design products and reconnects home products, people and life.
					</p>
					<img src="img/about_01.jpg"/>
					<div class="about_img">
						<img src="img/about_03.jpg"/>
						<img src="img/about_02.jpg"/>
					</div>
				</div>
				<div class="design">
					<p class="about_tit">Design</p>
					<p class="about_cont">
						is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy quality products at a fair price.
					</p>
					<div class="design_img">
						<img src="img/about_12.jpg"/>
						<div class="design_smlimg">
							<img src="img/about_14.jpg"/>
							<img src="img/about_16.jpg"/>
						</div>
					</div>
				</div>
				<div class="brand">
					<p class="about_tit right_tit">Or Brand</p>
					<p class="about_cont">
						values the inherent vitality of products, and brings passionate participation to life through its distinctive design intuition. Product design is just the beginning – we stress the attitude towards products in living space, and look forward to a more sincere interaction with consumers.
					</p>
				</div>
				
			</section>
			<!--尾部-->
			<footer>
				<div class="foot_img">
					<img src="img/about_20.jpg" />
				</div>
				<div class="foot">
					<div class="foot_cont">
						<div class="foot_sign">
							<p>Receive the latest Or news and Creativity in our newsletters.</p>
							<form action="" method="get">
								<a href="#">Sign Up</a>
								<input type="text" placeholder="Enter your email address" class="footsearch_input" />
							</form>
						</div>
						<div class="share">
							<a href="#"><i class="iconfont icon-weibo1"></i></a>
							<a href="#"><i class="iconfont icon-xingzhuang"></i></a>
							<a href="#"><i class="iconfont icon-baidu"></i></a>
							<a href="#"><i class="iconfont icon-ins"></i></a>
							<a href="#"><img src="img/top_03.png" /></a>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</body>

</html>